
// 组件命名要大写
export function TsDemo() {
    // 正常写泛型语法会跟tsx语法冲突，他会把泛型理解成是一个元素，解决方案后面加一个,即可
const name:string = '这是一个字符串'


// 普通函数不需要加,
function getString<T>(params:T) {
    console.log(params)
}

// 箭头函数要
const getStr =<T,> (params:T)=> {
    console.log(params)
}

return (
     <div>
        <h2>ts泛型</h2>
        <button onClick={()=> getString(name)}>哒了哒</button>
        <button onClick={()=> getStr(name)}>箭头函数泛型要加,号</button>
     </div>
    
       


    )
}